<template><app-layout>
	<view class="template-order">
		<!-- 顶部自定义导航 -->
		<tn-nav-bar> 待签到</tn-nav-bar>

		<view class="list" :style="{paddingTop: vuex_custom_bar_height + 'px'}"
		>
			<view class="li" v-for="(item,i) in 7" :key="i" 	@tap="tn('/discoveryPages/userinfo?id='+i)">
				<tn-list-cell radius="5" unlined :arrow="true" :arrowRight="true">
					<view slot="default" class="tn-flex tn-flex-row-between tn-flex-col-center">
						<view class="tn-flex tn-flex-row-center  tn-flex-col-center">
							<text class="tn-icon-trusty tn-text-xxl tn-color-red" style="padding: 10rpx;"></text>
							<view class="address">
								海曙区
							</view>
						</view>
						<view class="date">
							张三
						</view>
						<view class="phone">
							13888888444
						</view>
						<view class="type ">
							待签到
						</view>
					</view>
				</tn-list-cell>
			</view>

		</view>


	</view></app-layout>
</template>

<script>
	import templatePageMixin from '@/libs/mixin/template_page_mixin.js'

	export default {
		name: 'TemplateOrder',
		mixins: [templatePageMixin],
		data() {
			return {}
		},
		onLoad() {

		},
		onReady() {

		},

		methods: {

			// 跳转
			tn(e) {
				uni.navigateTo({
					url: e,
				});
			},


		}
	}
</script>

<style lang="scss" scoped>
	.template-order {

	}

	.addbtn {
		position: fixed;
		bottom: 100rpx;
		position: fixed;
		bottom: 13.33333vw;
		margin: auto;
		width: 80%;
		left: 0;
		right: 0;
		font-weight: bold;
	}

	.list {
		padding: 20rpx;

		.li {
			margin: 20rpx 0;
			border: 1px solid #eee;
			border-radius: 5px;

			.type {
				padding-right: 40rpx;
			}
		}
	}
</style>